<!DOCTYPE html>
<!-- saved from url=(0071)https://m.zuche.com/html5/newversion/order/cancel.html?orderId=33912768 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta name="viewport" content="width=device-width, minimum-scale=1">
		<meta name="format-detection" content="telephone=no">
		<link type="text/css" rel="stylesheet" href="/css/H5phone/取消_files/common@ee713f7a54.css">
		<link type="text/css" rel="stylesheet" href="/css/H5phone/取消_files/cancel@f150772652.css">
		<link type="text/css" rel="stylesheet" href="/css/H5phone/取消_files/order@b25e9d1d7c.css">
		<title>神州租车—中国租车领导者!天天超低价!!!</title>		
	</head>
	<body style="" rlt="1">
		<header>
			<div class="getback">
				<span class="getbackimg">&nbsp;</span>
			</div>
			<h1 class="header_title">${names}</h1>
			<input type="hidden" id="orderId" value="${orders}">
		</header>
		<div class="orderxqbox">
			<ul class="ui-listview box" id="reasons">
				<li class="ui-li" >
					<div class="reason">
						<span class="fl check unchecked"></span>
						<span class="text">行程发生变更</span>
					</div>
				</li>
				<li class="ui-li" >
					<div class="reason">
						<span class="fl check unchecked"></span>
						<span class="text">不满意价格</span>
					</div>
				</li>
				<li class="ui-li" >
					<div class="reason">
						<span class="fl check unchecked"></span>
						<span class="text">选择其他租车公司</span>
					</div>
				</li>
				<li class="ui-li" >
					<div class="reason">
						<span class="fl check unchecked"></span>
						<span class="text">其他出行替代</span>
					</div>
				</li>
				<li class="ui-li" >
					<div class="reason">
						<span class="fl check unchecked"></span>
						<span class="text">天气原因</span>
					</div>
				</li>
				<li class="ui-li active" >
					<div class="reason">
						<span class="fl check checked"></span>
						<span class="text">其他</span>
					</div>
				</li>
				
			</ul>
			<div class="ac">
				<button type="button" class="orangebut" id="submit">取消订单</button>
			</div>
			<div class="info" style="display: none;">请选择取消订单的原因</div>
		</div>
		<!--登录模态框-->
		<div id="loading-mask" style="display:none;" class="mask">
			<!--
            	作者：1248739088@qq.com
            	时间：2018-11-13
            	描述：成功动画
            -->
			<div class="loading-new"><span class="l-logo"></span><span class="l-film animate-loading"></span></div>
		</div>
		
		<style type="text/css">		
		.orderxqbox ul.ui-listview{border:1px solid #ddd;box-shadow:0 0 2px #cfcfcf;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin:5px;padding:5px;}
		.ui-listview .ui-li{padding:0;background-color:#fff;}
		.orderxqbox ul.ui-listview .ui-li:last-child{border-bottom: 0;}
		.orderxqbox ul.ui-listview .ui-li div.reason span.text{font-size: 1em;}
		.orderxqbox ul.ui-listview .active { background-color:#f6f2ab; border-bottom:0; box-shadow:0 0 0 #fff; }
		.check{ display: inline-block;width: 26px;height: 27px;margin:0 10px 0 15px;}
		.checked{background:url(https://mimage.zuchecdn.com/newversion/allbgs.png) no-repeat -239px 0 transparent;}
		.unchecked{background:url(https://mimage.zuchecdn.com/newversion/allbgs.png) no-repeat -213px 0 transparent;}
		</style>
	<script type="text/javascript" src="/css/H5phone/取消_files/jquery-3.2.1.js" ></script>
		
		<script>
	$(".ui-li").click(function(){
		$(this).addClass("active");
		$(this).find("span").eq(0).removeClass("unchecked");
		$(this).find("span").eq(0).addClass("checked");
		$(this).siblings().removeClass("active");
		$(this).siblings("li").find(".fl").addClass("unchecked");
	})
	
	$(".orangebut").click(function(){
		var orderId= $("#orderId").val();
		
		$.ajax({
			type : "GET",//请求类型
			url : "/order/updStareInfo",
			traditional : true,
			data : {
				"orderId" : orderId
			},//请求参数
			dataType : "json",//ajax接口（请求url）返回的数据类型
			success : function(data) {//data：返回数据（json对象）
				if(data.msg){
					$("#loading-mask").show();
					setTimeout(function(){
						location.href="/order/orderInfos?orderId="+orderId;
					},3000)
				}
			},
			error : function(data) {//当访问时候，404，500 等非200的错误状态码
			}

		});
	})
		</script>
	

</body></html>